<template>
 <div>
  <span class="iconfont icon-weixin"></span>
  御剑乘风来,除魔天地间!====app
  <hr/>
  <SlotCom>

    <!-- <template #left>
      <h1>我是左边的插槽</h1>
    </template> -->
    <!-- <template v-slot:left>
      <h1>我是左边的插槽</h1>
    </template> -->
    <template slot="left">
      <h1>我是左边的插槽</h1>
    </template>
    <template #right>
      <h1>我是右边的插槽</h1>
    </template>
    <!--
插槽的使用
父组件： #自定义名称    v-slot:自定义名称   slot='自定义名称'
子组件：<slot name='自定义名称'></slot>

 -->
  </SlotCom>
 </div>
</template>
<script>
import SlotCom  from  './components/SlotCom.vue'
export default{
    name:'',
    components:{
      SlotCom
    },
    data () {
        return {

        }
    },
    created () {
    },
    computed:{
    },
    methods:{
    }
}
</script>
<style lang='less'  scoped>
 
</style>